<style>
    body,html{
        height: 100%;
        overflow: hidden;
    }
    /*.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber*/
    /*{*/
        /*text-overflow: ellipsis;*/
    /*}*/

    .ddv >table >tbody>tr>td {
        border: 0px;
    }
    .ddv >table >tbody>tr>td>p {
        margin: 0px;
    }
    .ddv >table >tbody>tr>td:first-child {
        text-align: right;
        font-weight: bold;
        padding-right: 10px;
    }
    .my-btn {
        background-color: #fff;
        border-color: #fff;
        color: #c1c1c1;
    }
    .my-btn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
    .images>li>table>tbody>tr>td{
        border: 0px;
    }
    .customer-size{
        font-size: 40px;
    }

</style>

<table style="height: 100%;width: 100%">
    <tbody>
    <tr>
        <td   class="xh-datagrid" style="width: 460px;height: 100%">{{ classList }}</td>
    </tr>
    </tbody>
</table>